<!doctype html>
<html lang="zh-cmn-Hans-CN"> <!--遵循BCP47文档, 声明语言为大陆简中普通话-->
<head>
    <meta charset="UTF-8">
    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="icon" href="/static/images/favicon.ico" type="image/x-icon">
    <!--Import Google Icon Font-->
    <link href="/static/fonts/Material%20Icons.css" rel="stylesheet">
    <link href="/static/fonts/Roboto.css" rel="stylesheet">
    <!--Import materialize.css-->
    <link type="text/css" href="/static/css/materialize.min.css" rel="stylesheet" media="screen, projection">
    <!--Import Customized CSS-->
    <link type="text/css" href="/static/css/style.css" rel="stylesheet">
    <title>图书管理系统</title>
</head>
<body>
    <header>
        <div class="navbar-fixed">
            <nav>
                <div class="nav-wrapper blue">
                    <a data-target="mobile-sidenav" class="sidenav-trigger"><i class="material-icons">menu</i></a>
                    <div class="container">
                        <a href="/" class="brand-logo">图书管理系统</a>
                        <ul class="right hide-on-med-and-down">
                            <li><a href="/"><i class="material-icons left">home</i>主页</a></li>
                            <li id="user"><a class="btn waves-effect waves-light" href="/user/login">登录</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>

        <!-- Dropdown Structure -->
        <ul id="dropdown" class="dropdown-content">
            <li><a href="/user/changePwd" id="change_pwd">修改密码</a></li>
            <li class="divider"></li>
            <li><a id="logout">退出登录</a></li>
        </ul>

        <ul class="sidenav" id="mobile-sidenav">
            <li><a class="waves-effect waves-light" href="/"><i class="material-icons left">home</i>主页</a></li>
            <li id="user_m"><a class="waves-effect waves-light" href="/user/login"><i class="material-icons left">person_pin</i>登录</a></li>
    </header>
    <main>
    {% block main %}
    {% endblock %}
    </main>
    <footer class="page-footer blue">
        <div class="container">
            <div class="row">
                <div class="col l6 s12">
                    <h5 class="white-text">图书管理系统</h5>
                    <p class="grey-text text-lighten-4">数据库设计使用 <strong>Microsoft SQL Server</strong> 实现</p>
                    <p class="grey-text text-lighten-4">网站后端使用 <strong>Python Flask</strong> 实现</p>
                </div>
                <div class="col l4 offset-l2 s12">
                    <h5 class="white-text">相关链接</h5>
                    <ul>
                        <li><a class="grey-text text-lighten-3" href="https://github.com/Mark-ThinkPad/BookManage" target="_blank" rel="noopener norefferrer">项目地址(GitHub)</a></li>
                        <li><a class="grey-text text-lighten-3" href="https://gitlab.com/Mark-ThinkPad/BookManage" target="_blank" rel="noopener norefferrer">项目地址(GitLab)</a></li>
                        <li><a class="grey-text text-lighten-3" href="https://gitee.com/Mark-ThinkPad/BookManage" target="_blank" rel="noopener norefferrer">项目地址(Gitee)</a></li>
                        <li><a class="grey-text text-lighten-3" href="https://zhouganqing.top/" target="_blank" rel="noopener norefferrer">个人博客</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-copyright">
            <div class="container">
                © 2019 周淦清 计科11704
                <a class="grey-text text-lighten-4 right" href="https://zhouganqing.top/about/" target="_blank" rel="noopener norefferrer">More Links</a>
            </div>
        </div>
    </footer>

    <!--JavaScript at end of body for optimized loading-->
    <script type="text/javascript" src="/static/js/jquery-3.4.1.min.js" charset="UTF-8"></script>
    <script type="text/javascript" src="/static/js/materialize.min.js" charset="UTF-8"></script>
    <script type="text/javascript" src="/static/js/js.cookie.min.js" charset="UTF-8"></script>
    <script type="text/javascript" src="/static/js/common.js" charset="UTF-8"></script>
    {% block js %}
    {% endblock %}
</body>
</html>